<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>用户登录</title>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:700,700italic,800,300,300italic,400italic,400,600,600italic'
          rel='stylesheet' type='text/css'>
    <!--Custom-Theme-files-->
    <link href="css/style.css" rel='stylesheet' type='text/css'/>
    <script src="js/jquery.min.js"></script>
    <!--/script-->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 900);
            });
        });
    </script>
</head>
<body>
<div class="h-top" id="home">
    <div class="top-header">
        <ul class="cl-effect-16 top-nag">
            <li><a href="register.jsp" data-hover="Registration">用户注册</a></li>
            <li><a href="about.jsp" data-hover="About">关于我们</a></li>
            <li><a href="services.html" data-hover="SERVICES">服务</a></li>
            <li><a href="login.html" data-hover="Login" class="active">登录</a></li>
            <li><a href="contact.html" data-hover="CONTACT">联系我们</a></li>
        </ul>
        <div class="search-box">
            <div class="b-search">
                <form>
                    <input type="text" value="输入搜索内容">
                    <input type="submit" value="搜索">
                </form>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<div class="full">
    <div class="col-md-3 top-nav login">
        <div class="logo">
            <a href="index.html"><h1>Blogger</h1></a>
        </div>
        <div class="top-menu">
            <span class="menu"> </span>
            <ul class="cl-effect-16">
                <li><a href="index.html" data-hover="HOME">主页</a></li>
                <li><a href="about.jsp" data-hover="About">国际新闻</a></li>
                <li><a href="grid.html" data-hover="Grids">国内新闻</a></li>
                <li><a href="services.html" data-hover="Services">地方头条</a></li>
                <li><a href="gallery.html" data-hover="Gallery">体育赛事</a></li>
                <li><a href="contact.html" data-hover="CONTACT">娱乐八卦</a></li>
            </ul>
            <!-- script-for-nav -->
            <script>
                $("span.menu").click(function () {
                    $(".top-menu ul").slideToggle(300, function () {
                        // Animation complete.
                    });
                });
            </script>
            <!-- script-for-nav -->
            <ul class="side-icons">
                <li><a class="fb" href="#"></a></li>
                <li><a class="twitt" href="#"></a></li>
                <li><a class="goog" href="#"></a></li>
                <li><a class="drib" href="#"></a></li>
            </ul>
        </div>
    </div>
    <div class="col-md-9 main">
        <!-- login-page -->
        <div class="login">
            <div class="login-grids">
                <div class="col-md-6 log">
                    <h3 class="tittle">用户登录 <i class="glyphicon glyphicon-lock"></i></h3>
                    <p>Welcome, please enter the following to continue.</p>
                    <form action="LoginServlet" method="post">
                        <h5>用户名:</h5>
                        <input type="text" id="username" name="username" value="">
                        <h5>密码:</h5>
                        <input type="password" id="userpwd" name="userpwd" value="">
                        <input type="submit" value="点击登录">
                        <span id="msg" style="color: red">${loginmsg}</span>
                    </form>
                    <a href="#">忘记密码 ?</a>
                </div>
                <div class="col-md-6 login-right">
                    <h3 class="tittle">新用户注册 <i class="glyphicon glyphicon-file"></i></h3>
                    <a href="register.jsp" class="hvr-bounce-to-bottom button">创建一个新账号</a>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <!-- //login-page -->
        <div class="clearfix"></div>
        <!--/footer-->
        <div class="footer">
            <div class="footer-top">
                <div class="col-md-4 footer-grid">
                    <h4>关于我们 </h4>
                    <ul class="bottom">
                        <li>Consetetur sadipscing elitr</li>
                        <li>Magna aliquyam eratsed diam</li>
                    </ul>
                </div>
                <div class="col-md-4 footer-grid">
                    <h4>Message Us Now</h4>
                    <ul class="bottom">
                        <li><i class="glyphicon glyphicon-home"></i>Available 24/7</li>
                        <li><i class="glyphicon glyphicon-envelope"></i><a href="mailto:info@example.com">mail@example.com</a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-4 footer-grid">
                    <h4>公司地址</h4>
                    <ul class="bottom">
                        <li><i class="glyphicon glyphicon-map-marker"></i>2901 Glassgow Road, WA 98122-1090</li>
                        <li><i class="glyphicon glyphicon-earphone"></i>phone: (888) 123-456-7899</li>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="copy">
            <p>Copyright &copy; 2016.河南云和数据信息技术有限公司版权所有 </p>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

</body>
</html>
